<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>南宏达官网</title>
  <link rel="stylesheet" href="assets/css/amazeui.css" />
  <link rel="stylesheet" href="assets/css/common.min.css" />
  <link rel="stylesheet" href="assets/css/example.min.css" />
  <link rel="stylesheet" href="assets/css/pagination.css" rel="stylesheet" type="text/css">
</head>
<body>
  <input type="hidden" id="hideIndex" value="0">
  <input type="hidden" id="hiddenType" value="1">
  <input type="hidden" id="productsum" value="1">
  <div class="layout">
   <!--===========layout-header================-->
    <div class="layout-header am-hide-sm-only">
      <div class="header-box" >
        <!--header start-->
          <div class="container">
            <div class="header">
              <div class="am-g">
                <div class="am-u-lg-2 am-u-sm-12">
                  <div class="logo">
                    <a href="./index.html"><img th:src="${set.icon}" src="assets/images/logo.png" alt="logo" title="石影子"/></a>
                  </div>
                </div>
                <div class="am-u-lg-10 am-u-md-12">
                  <div class="header-right">
                    <div class="header-contact">
                      <div class="header_contacts--item">
  											<div class="contact_mini">
  												<i class="contact-icon am-icon-phone"></i>
  												<strong th:text="${set.phone}"></strong>
  												<span>周一 --- 周五, 9:00 -- 18:00</span>
  											</div>
  										</div>
                      <div class="header_contacts--item">
  											<div class="contact_mini">
  												<i class="contact-icon am-icon-envelope-o"></i>
  												<strong th:text="${set.email}">service@shiyingzi.cn</strong>
  												<span>邮箱地址</span>
  											</div>
  										</div>
                      <div class="header_contacts--item">
  											<div class="contact_mini">
  												<i class="contact-icon am-icon-map-marker"></i>
  												<strong th:text="${set.addressName}">临空一号</strong>
  												<span th:text="${set.address}">武汉金银潭大道130号3栋10楼</span>
  											</div>
  										</div>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>
        <!--header end-->


              <!--nav start-->
            <div class="nav-contain" data-am-sticky>
	          <div class="nav-inner">
	            <ul class="am-nav am-nav-pills am-nav-justify">
	              <li><a href="gw_index">首页</a></li>
	              <li>
	                <a  class="current" href="gw_example">产品中心</a>
	              </li>
	              <li>
	                <a href="gw_news">新闻资讯</a>
	              </li>
	              <li><a href="gw_index#about">关于我们</a></li>
	              <li><a href="gw_index#join">加入我们</a></li>
	            </ul>
	          </div>
        </div>
              <!--nav end-->
          </div>
      </div>

      <!--mobile header start-->
      <div class="m-header">
          <div class="am-g am-show-sm-only">
              <div class="am-u-sm-2">
                  <div class="menu-bars">
                      <a href="#doc-oc-demo1" data-am-offcanvas="{effect: 'push'}"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
                      <!-- 侧边栏内容 -->
                      <nav data-am-widget="menu" class="am-menu  am-menu-offcanvas1" data-am-menu-offcanvas >
                          <a href="javascript: void(0)" class="am-menu-toggle"></a>

                          <div class="am-offcanvas" >
                              <div class="am-offcanvas-bar">
                                  <ul class="am-menu-nav am-avg-sm-1">
					                <li><a href="gw_index">首页</a></li>
					                <li class="current"><a href="#product">产品中心</a></li>
					                <li><a href="gw_news">新闻中心</a></li>
					                <li><a href="gw_about">关于我们</a></li>
					                <li><a href="#join">加入我们</a></li>
                                  </ul>
                              </div>
                          </div>
                      </nav>

                  </div>
              </div>
              <div class="am-u-sm-4">
                  <div class="m-logo">
                      <a href=""><img th:src="${set.icon}" src="assets/images/logo.png" alt=""></a>
                  </div>
              </div>
              <div class="am-u-sm-6">
                  <div class="contact_mini">
                      <i style="color:#7c6aa6" class="contact-icon am-icon-phone"></i>
                      <strong th:text="${set.phone}">027-65596646</strong><br/>
                      <span>周一 -- 周五</span><br/><span> 9:00 -- 18:00</span>
                  </div>
              </div>
          </div>
          <!--mobile header end-->
      </div>




    <!--===========layout-container================-->
    <div class="layout-container">
      <div class="page-header">
        <div class="am-container">
          <h1 class="page-header-title">产品中心</h1>
        </div>
      </div>

      <div class="breadcrumb-box">
        <div class="am-container">
          <ol class="am-breadcrumb">
            <li><a href="gw_index">首页</a></li>
            <li class="am-active">产品中心</li>
          </ol>
        </div>
      </div>
    </div>

    <div class="section">
      <div class="container">
        <div class="section--header">
					<h2 class="section--title">全球首创 自主创新</h2>
					<p class="section--description">
						Enterplorer Studio是一套面向企业级移动信息化建设的开发平台。集聚开发、测试、
						<br>打包、发布于一体的移动化开发综合平台。
					</p>
				</div>

        <div class="example-container">
          <div class="am-tabs" data-am-tabs="{noSwipe: 1}"  id="litab">
          	<ul class="am-tabs-nav am-nav am-nav-tabs" id="ultab" >
             	 <li th:each="m:${typeList}" class="am-u-md-2" th:text="${m.name}"  th:value="${m.id}"></li>
            </ul>
          	<!-- <div id="dvRadio" th:each="m:${typeList}">
			    <input type="radio" name="state" th:text="${m.name}" th:value="${m.id}" />
			</div> -->
           <!--  <ul class="am-tabs-nav am-nav am-nav-tabs am-g" >
              <li class="am-active am-u-md-2"><a href="#tab-4-1" th:text="${m.name}"></a></li>
              <li id="litab2" class="am-u-md-2"><a href="#tab-4-2"><i class="am-icon-scribd"></i>产品2</a></li>
              <li id="litab3" class="am-u-md-2"><a href="#tab-4-3"><i class="am-icon-odnoklassniki"></i>产品3</a></li>
            </ul> -->
            <div class="am-tabs-bd am-tabs-bd-ofv">
              <div class="am-tab-panel am-active" id="tab-4-1">
                 <div id="productcontainer1" class="am-g">
                   <div class="am-u-md-3" th:each="m:${proList1}">
                     <!-- <a href="product-info.html" class="example-item-bg"> -->
                     <a th:href="@{'productInfo?id='+${m.id}}" class="link" target="_blank">
                         <img src="assets/images/img-1.jpg" alt=""/>
                         <div class="am-panel am-panel-default" style="padding:0 10px">
                           <h3 th:text="${m.name}">岁数大多</h3>
                           <p class="am-kai" th:text="${m.text}">
                           </p>
                       </div>
                     </a>
                     <span>了解更多></span>
                   </div>
                 </div>
              </div>
              <!-- <div class="am-tab-panel" id="tab-4-2">
                  <div id="productcontainer2" class="am-g">
                      <div class="am-u-md-3" th:each="m:${proList2}">
                          <a th:href="@{'productInfo?id='+${m.id}}" class="link" target="_blank">
                         	<img src="assets/images/img-1.jpg" alt=""/>
                         	<div class="am-panel am-panel-default" style="padding:0 10px">
                           		<h3 th:text="${m.name}">岁数大多</h3>
                           		<p class="am-kai" th:text="${m.text}">
                           		</p>
                       		</div>
                     	  </a>
                          <span>了解更多></span>
                      </div>
                  </div>
              </div>
              <div class="am-tab-panel" id="tab-4-3">
                  <div id="productcontainer3" class="am-g">
                      <div class="am-u-md-3" th:each="m:${proList3}">
                          <a th:href="@{'productInfo?id='+${m.id}}" class="link" target="_blank">
                         	<img src="assets/images/img-1.jpg" alt=""/>
                         	<div class="am-panel am-panel-default" style="padding:0 10px">
                           		<h3 th:text="${m.name}">岁数大多</h3>
                           		<p class="am-kai" th:text="${m.text}">
                           		</p>
                       		</div>
                     	  </a>
                          <span>了解更多></span>
                      </div>
                  </div>
              </div> -->
            </div>
          <div id="Pagination" align="center" class="pagination">
          </div>
        </div>
      </div>
    </div>





    <!--===========layout-footer================-->
    <div class="layout-footer">
      <div class="footer">
        <div style="background-color:#383d61" class="footer--bg"></div>
        <div class="footer--inner">
          <div class="container">
            <div class="footer_main">
              <div class="am-g" style="text-align: center;color:#fff;">
                <div class="am-u-sm-12">&copy;啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="assets/js/jquery-2.1.0.js" charset="utf-8"></script>
  <script src="assets/js/amazeui.js" charset="utf-8"></script>
  <script src="assets/js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/jquery.min.js"></script>
  <script type="text/javascript" src="./js/jquery.pagination.js"></script>
  
	<script th:inline="javascript">
	/* $('#dvRadio input').click(function(){ */
	$('#ultab li').click(function(){
		var x = parseInt(this.value);
		$("#ultab").find("li").removeClass("am-active");
		$(this).addClass("am-active");
		document.getElementById('hiddenType').value = x;
		$.ajax({   
            type: "POST",  
            dataType: "json",  
            url: '/loans/gw_product_sum',      //提交到一般处理程序请求数据  
            data: "typeIndex="+x,
            async: false,
            success: function(msg) {
            	var tmp = msg;
            	document.getElementById('productsum').value=tmp;
            }
        });
		print();
	});
	function print(){
		var productsum = parseInt(document.getElementById('productsum').value);
		InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）                                                
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选  
        $("#Pagination").pagination(productsum, {  
            callback: PageCallback,  
            prev_text: '上一页',       //上一页按钮里text  
            next_text: '下一页',       //下一页按钮里text  
            items_per_page: 4,  //显示条数  
            num_display_entries: 6,    //连续分页主体部分分页条目数  
            current_page: pageIndex,   //当前页索引  
            num_edge_entries: 2        //两侧首尾分页条目数  
        });
		
      	//	翻页调用  
        function PageCallback(index, jq) {
            InitTable(index);
        }
      	//	请求数据  
        function InitTable(pageIndex) {
        	var hiddenType = parseInt(document.getElementById('hiddenType').value);
            $.ajax({   
                type: "POST",  
                dataType: "json",  
                url: '/loans/gw_product_page',      //提交到一般处理程序请求数据  
                data: "pageIndex=" + (pageIndex + 1)+"&typeIndex="+hiddenType,
                success: function(data) {
                	var htmla = '';
                	for(var p in data){
                		var tmp = '<div class="am-u-md-3">'+
                    	'<a href="productInfo?id=' + data[p].id + '" class="link" target="_blank">'+
                    	'<img src="assets/images/img-1.jpg" alt="" />'+
                    	'<div class="am-panel am-panel-default" style="padding: 0 10px">'+
                    	'<h3>'+data[p].name+'</h3>'+
                    	'<p class="am-kai">'+data[p].text+'</p>'+
                    	'</div></a> <span>了解更多></span></div>';
                    	
                    	htmla += tmp;
                	}
                	$('#productcontainer1').html(htmla);
                }
            });
        }
	}
</script>

  <script th:inline="javascript">
    var ppp = [[${sum1}]];
    var sum1 = parseInt(ppp);
	var pageIndex = 0;     //页面索引初始值
	var pageSize = 4;     //每页显示条数初始化，修改显示条数，修改这里即可
	$(function() {         
        InitTable(0);    //Load事件，初始化表格数据，页面索引为0（第一页）                                                
        //分页，PageCount是总条目数，这是必选参数，其它参数都是可选  
        $("#Pagination").pagination(sum1, {  
            callback: PageCallback,  
            prev_text: '上一页',       //上一页按钮里text  
            next_text: '下一页',       //下一页按钮里text  
            items_per_page: 4,  //显示条数  
            num_display_entries: 6,    //连续分页主体部分分页条目数  
            current_page: pageIndex,   //当前页索引  
            num_edge_entries: 2        //两侧首尾分页条目数  
        });
        
      //翻页调用  
        function PageCallback(index, jq) {
            InitTable(index);
        }
      //请求数据  
        function InitTable(pageIndex) {
            $.ajax({   
                type: "POST",  
                dataType: "json",  
                url: '/loans/gw_product_page',      //提交到一般处理程序请求数据  
                data: "pageIndex=" + (pageIndex + 1)+"&typeIndex=1",
                success: function(data) {
                	var htmla = '';
                	for(var p in data){
                		var tmp = '<div class="am-u-md-3">'+
                    	'<a href="productInfo?id=' + data[p].id + '" class="link" target="_blank">'+
                    	'<img src="assets/images/img-1.jpg" alt="" />'+
                    	'<div class="am-panel am-panel-default" style="padding: 0 10px">'+
                    	'<h3>'+data[p].name+'</h3>'+
                    	'<p class="am-kai">'+data[p].text+'</p>'+
                    	'</div></a> <span>了解更多></span></div>';
                    	
                    	htmla += tmp;
                	}
                	$('#productcontainer1').html(htmla);
                }
            }); 
        }      
    });  
</script>

</body>

</html>
